<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>{block name="title"}{/block}</title>
    <meta name="Keywords" content="{block name="keywords"}{/block}" />
    <meta name="Description" content="{block name="description"}{/block}" />
    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="__STATIC__/lightrain.css?dd=1">
    <style>
        .boxtop{
            position: relative;
            overflow-x: hidden;
            width: 100%;
            z-index: 999;
        }
        .boxtop-active{
            position: fixed;
            top: 0;
        }
        .top71{
            margin-top: 55px;
        }
    </style>
    {block name="jstop"}{/block}
</head>
<body class="home-template">
    {include file="header" /}
    <div class="container toptop">
        <div class="row">
            {block name="content_top"}{/block}
        </div>
    </div>
    <div class="container toptop">
        <div class="row">
            {block name="content"}{/block}
        </div>
    </div>
    {include file="footer" /}
    <div class="copyright">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <span>Copyright &copy;2011-2021 <a href="https://www.lightrain.org.cn">雨情生活智小库</a></span> |
                    <span><a href="http://beian.miit.gov.cn" target="_blank">冀ICP备14022457号-1</a></span>
                </div>
            </div>
        </div>
    </div>
    <script src="/static/jquery/jquery-3.3.1.min.js"></script>
    <script src="/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script>
        // 监听事件
        window.addEventListener('scroll', function() {
            let t = $('body, html').scrollTop();   // 目前监听的是整个body的滚动条距离
            if (t > 71) {
                $('.boxtop').addClass('boxtop-active')
                $('.boxtop').next().addClass('top71')
            } else {
                $('.boxtop').removeClass('boxtop-active')
                $('.boxtop').next().removeClass('top71')
            }
        })
    </script>
    {block name="jsfoot"}{/block}

</body>
</html>
